import React from 'react'

export default function DoctorView() {
  return (
    <div id='y-view'>
      {/* 上文 */}
      <div className='detail'>
        <div className='biao' style={{
          padding: '10px 20px',
          color: '#555555',
          fontSize: '18px',
          fontWeight: 'bold'
        }}>医生详情</div>
        <div className='above'>
          {/* 左 */}
          <div style={{ display: 'flex', alignItems: 'center' }}>
            <img style={{ width: '66px', height: '66px', borderRadius: '50px' }} src="https://ts2.cn.mm.bing.net/th?id=OIP-C.9hA8vMz6W3sKhZWAg_5s0QHaHb&w=249&h=250&c=8&rs=1&qlt=90&o=6&dpr=1.5&pid=3.1&rm=2" alt="" />
            <div>
              <div style={{ display: 'flex', padding: '8px 40px' }}>
                <h4 style={{ color: '#555555', fontSize: '15px', fontWeight: 'bold' }}>胡青牛</h4>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <div style={{
                  width: '60px',
                  height: '22px',
                  textAlign: 'center',
                  lineHeight: '22px',
                  fontSize: '13px',
                  color: '#a19c9e'
                }}>主任医师</div>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <div style={{
                  width: '88px',
                  height: '22px',
                  textAlign: 'center',
                  lineHeight: '22px',
                  fontSize: '13px',
                  color: '#a19c9e'
                }}>内科-呼吸科</div>
              </div>
              <span style={{ padding: '8px 40px', fontSize: '12px', color: '#555555', fontWeight: 'bold' }}>郑州大学附属第一医院 #三甲医院</span><br />
              <span style={{ padding: '8px 40px', fontSize: '12px', color: '#555555' }}>创建时间：2021-09-12 12:12:12</span>
            </div>

          </div>
          {/* 右 */}
          <div>
            <button>编辑信息</button>
          </div>
        </div>
        {/* 医院详情下文 */}
        <div className='sequel'>
          <h4 style={{ color: '#7f7f7f', padding: '18px 40px', fontSize: '18px' }}>▌擅长</h4>
          <div style={{ color: '#7f7f7f', width: '90%', fontSize: '13px', lineHeight: '23px', padding: '8px 40px' }}>
            擅长疾病:支气管哮喘，COPD，支气管扩张，肺部结节，慢性咳，咳痰，胸闷，喘息，呼吸困难等常见呼吸系统疾病及症状的诊治
          </div>
        </div>
        <div className='sequel'>
          <h4 style={{ color: '#7f7f7f', padding: '18px 40px', fontSize: '18px' }}>▌医生简介</h4>
          <div style={{ color: '#7f7f7f', width: '90%', fontSize: '13px', lineHeight: '23px', padding: '8px 40px' }}>
            附属医院 (Thefist Amliated HospialofzhengdhouUhiersiy)位于河南省省会郑州市，是集医疗、教学、科研、预、保健、康复为一体(1 ，具有较强教治能力、较高科研水平和国际交流能力的全国三级甲等医院 [1，先后被评为全国文明单位、全国“百佳医院”121、全国卫生计生系统先讲集体、全国医院信息化建设先讲单位、全国县级医际帮扶示范基地、中国PTC突出贡材团以奖(21、全国代质护理服务代秀医院 121、全国医院后勤管理先讲集体、全国医房文化建设先进单位等荣誉称号[1]。<br />
            医院始建于1928年9月、其前身为国市河南大学附厂庆院。1958年以开封迁址规州。更名为河南医学院菜一附属医院。1985年重名为河南医科大学第一附属医院。20年在原郑州大学、郑州工业大学、河南医科大学三校合开后，医院正式命名为郑州大学第一附属医院。2012年成为省部共建医院。2017年临床医学成为国家“双一流”建设学科[1]。在中国医院综合指数科研实力排行中居全国第10位 [1]。2018年12月4日，被国家卫健委公布为首批肿瘤多学科诊疗试点医院[3]。
          </div>
        </div>
      </div>
      {/* 业务数据 */}
      <div className='taill'>
        <h4 style={{ color: '#7f7f7f', padding: '18px 40px', fontSize: '18px' }}>▌业务数据</h4>
        <div style={{
          display: 'flex',
          justifyContent: 'space-between',
          alignItems: 'center',
          padding: '20px 40px'
        }}>
          <div className='mation'>
            <p>点击量（次）</p>
            <p style={{ fontWeight: 'bold', color: '#666666', fontSize: '20px' }}>308</p>
          </div>
          <div className='mation'>
            <p>点击量（次）</p>
            <p style={{ fontWeight: 'bold', color: '#666666', fontSize: '20px' }}>308</p>
          </div>
          <div className='mation'>
            <p>点击量（次）</p>
            <p style={{ fontWeight: 'bold', color: '#666666', fontSize: '20px' }}>308</p>
          </div>
          <div className='mation'>
            <p>点击量（次）</p>
            <p style={{ fontWeight: 'bold', color: '#666666', fontSize: '20px' }}>308</p>
          </div>
        </div>
      </div>
    </div>
  )
}
